<template>
<div class="名字">
    我是主项目模块一
    <div>{{ microInfo }}</div>
    <button @click="handleActions">主应用通信按钮</button> 

</div>
</template>
<script>
import actions from '../../utils/actions'
export default {
    data(){
        return{
            msg:'',
            microInfo:{}
        }
    },
    mounted() {
    // 注册一个观察者函数
    // state 是变更后的状态，prevState 是变更前的状态
    actions.onGlobalStateChange((state, prevState) => {
      this.microInfo = state
      console.log("主应用观察者，改变前的值", prevState)
      console.log("主应用观察者，改变后的值", state)
    },true)
  },
  methods: {
    handleActions() {
      actions.setGlobalState({
        msg: `主应用消息msg，${Math.random()}`, 
      })
    },
  }
}
</script>
<style scoped>
</style>